<template>
  <div class="user-records">
    <record-info v-for="recordId in recordIds" :key="recordId" :id="recordId" />
  </div>
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue'
import RecordInfo from '../../../views/components/recordInfo/index.vue'

const props = defineProps<{
  id: string
}>()

const recordIds = ref<string[]>([])

onMounted(() => {
  // 模拟数据，实际项目中应该通过API获取用户的运动记录ID列表
  recordIds.value = ['1', '2', '3']
})
</script>

<style scoped lang="scss">
.user-records {
  padding: 16px 0;
}
</style> 